<!-- select table -->
<div class="form-group col-sm-12" style="min-height:300px;">
    <table class="table table-bordered table-striped table-hover table-condensed no-margin col-sm-12">
        <thead>
            <tr>
                <th v-for="item in data" v-text="item"></th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(item,k) in list">
                <td>
                    <span v-text="item.name?item.name:item.product.name"></span>
                </td>
                <td>
                    <span v-text="item.model?item.model:item.product.model"></span>
                </td>
                <td>
                    <span v-text="item.spec?item.spec:item.product.spec"></span>
                </td>
                <td>
                    <span v-text="item.color.name"></span>
                </td>
                <td>
                    <span v-text="item.num"></span>
                    <!-- <input type="text" class="form-control" v-model="item.num" @input="changeSum(k)" style="height:25px;width:60px;padding:3px;"> -->
                </td>
                <td>
                    <span v-text="item.unit.name"></span>
                </td>

                <td>
                    <span v-text="item.price"></span>
                    <!-- <input type="text" class="form-control" v-model="item.price"  @input="changeSum(k)" style="height:25px;width:60px;padding:3px;"> -->
                </td>

                <td>
                    <span v-text="item.count"></span>
                </td>
            </tr>

        </tbody>
        <tfoot v-show="list.length>0">
            <tr>
                <th colspan="6"></th>
                <th>总价</td>
                <th v-text="count"></th>
            </tr>
        </tfoot>


    </table>
</div>
